chrome 审查元素 css不显示行数(浏览器审查元素点不了)

在Chrome浏览器中，我们经常需要对网页进行调试和修改，其中就包括CSS样式的调整。但是，有时候我们在修改CSS样式后发现行数并不会随之更新，这给我们带来了一定的困扰。本文将介绍如何让Chrome审查元素中的CSS显示行数。

方法一：使用快捷键

1. 打开Chrome浏览器并进入需要调试的网页。

2. 使用鼠标右键单击需要调试的元素，选择“检查”或“审查元素”选项。

3. 在弹出的审查元素窗口中，找到“Sources”(或者直接按F12键)选项卡，然后在左侧菜单中找到“Elements”(或者直接按Ctrl + Shift + E组合键)选项卡。

4. 在Elements选项卡中，可以查看到该元素的HTML代码、CSS样式以及JavaScript代码等信息。如果想要查看CSS样式的行数，可以在右侧的“Styles”面板中勾选“Show line numbers”选项即可。

方法二：修改Chrome设置

1. 在Chrome浏览器中点击右上角的三个点图标，选择“设置”。

2. 在左侧菜单中选择“开发者工具”，然后在右侧找到“Inspector”选项，点击进入。

3. 在Inspector选项中找到“General”选项卡，然后在右侧找到“Show line numbers in the Elements and Sources panel”选项，勾选它即可。

4. 点击“Done”按钮保存设置即可。

通过以上两种方法，我们就可以在Chrome审查元素中查看CSS样式的行数了。需要注意的是，这种方法会影响到所有页面的CSS样式显示。如果您只想针对某些特定的页面进行设置，可以使用第一种方法中的快捷键进行操作。